<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="播放.css" type="text/css">
</head>

<body>
    <div class="yemei">
        <img align="left" style="height: 50px;" src="image/图标.jpg" alt="">
        <p align="right">
            <font color="ff0000">有声相册</font>
            <a href="#m">美女</a>
            <a href="#s">帅哥</a>
            <a href="#q">企业家</a>
            <a href="#k">科学家</a>
        </p>
    </div>
    <hr width="1400px" color="#a5a5a5">
    <p>美女</p>
    <div>
        <video src="image/美女.mp4" controls="controls"></video>
        <a href="" name="m"> </a>
    </div>
    <hr>
    <p>帅哥</p>
    <div>
        <a href="" name="s"> </a>
        <video src="image/帅哥.mp4" controls="controls"></video>
    </div>
    <p>企业家</p>
    <hr>
    <div>
        <video src="image/企业家.mp4" controls="controls"></video>
        <a href="" name="q"> </a>
    </div>
    <hr>
    <p>科学家</p>
    <div>
        <a href="" name="k"> </a>
        <video src="image/科学家.mp4" controls="controls"></video>
    </div>
    <hr>
    <video id="box" controls="controls"></video>
    
    <form action="">
        <input type="text" id="option">
        <p>输入<font color="#ff0000"><em><ins>美女,帅哥，企业家，科学家</ins></em>任意一个后空白页随便乱点就能播放了</font>
        </p>
    </form>
    <a href="https://www.bilibili.com/">
        <font color="#ff0000"><em><ins>--->都不喜欢就点这里！！！<---< /ins></em>
    </a>
    <script>

        option.onchange = function (e) {
            var option2 = e.target.value
            if (option2 == "美女") {
                box.src = "image/美女.mp4"
            }
            if (option2 == "帅哥") {
                box.src = "image/帅哥.mp4"
            }
            if (option2 == "科学家") {
                box.src = "image/科学家.mp4"
            }
            if (option2 == "企业家") {
                box.src = "image/企业家.mp4"
            }
        }
    </script>
    <hr width="1400px" color="#a5a5a5">
    <div style="text-align: center;">
        <p>
            <font color="#ld5983" size="2">
                我的有声相册 &nbsp;&nbsp;<font color="#333">电话：xxxx123456</font>
                &nbsp;&nbsp;欢迎批评指正
            </font>
        </p>
        <p>
            <font color="#ld5983" size="2">
                公司简介 |AUNIVERSITYSTUDENT |广告服务 | 联系我们 | 招聘信息 |网站律师 |homework English | 注册 |产品答疑
            </font>
        </p>
        <p>
            <font size="2">
                Copyright@1996-2016 HOMEWORK.coright All Rights Reserved
            </font>
        </p>
        <p>
            <font color="#ld5983" size="2">
                AUNIVERSITYSTUDENT 版权所有
            </font>
        </p>
    </div>
</body>

</html>